<!DOCTYPE html>
<!--[if IE 8]>
<html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]>
<html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zxx">
<!--<![endif]-->
<!-- Begin Head -->

<head>
    <title>我的作业</title>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="author" content="">
    <meta name="MobileOptimized" content="320">
    <!--Start Style -->
    <link rel="stylesheet" type="text/css" href="static/css/fonts.css">
    <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/icofont.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/style.css">
    <link rel="stylesheet" id="theme-change" type="text/css" href="">
    <script src="static/js/jquery.min.js"></script>
    <script src="static/js/api.js"></script>
    <script src="static/js/data-request.js"></script>
    <script>initUserInfo()</script>
    <script>getCourse()</script>
</head>


<body>
<div class="loader">
    <div class="spinner">
        <img src="static/picture/loader.gif" alt="">
    </div>
</div>
<!-- Main Body -->
<div class="page-wrapper">
    <!-- Header Start -->
    <header class="header-wrapper main-header">
        <div class="header-inner-wrapper">
            <div class="logo-wrapper">
                <a href="index.html" class="admin-logo">
                    <img src="static/picture/logo2.png" alt="">
                </a>
            </div>
            <div class="header-right">
                <div class="serch-wrapper">
                    <form>
                        <input type="text" placeholder="Search Here...">
                    </form>
                    <a class="search-close" href="javascript:void(0);"><span class="icofont-close-line"></span></a>
                </div>
                <div class="header-left">
                    <div class="header-links">
                        <a href="javascript:void(0);" class="toggle-btn">
                            <span></span>
                        </a>
                    </div>
                    <div class="header-links search-link">
                        <a class="search-toggle" href="javascript:void(0);">
                            <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                 xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 56.966 56.966"
                                 style="enable-background:new 0 0 56.966 56.966;" xml:space="preserve">
                                    <path d="M55.146,51.887L41.588,37.786c3.486-4.144,5.396-9.358,5.396-14.786c0-12.682-10.318-23-23-23s-23,10.318-23,23
                                    s10.318,23,23,23c4.761,0,9.298-1.436,13.177-4.162l13.661,14.208c0.571,0.593,1.339,0.92,2.162,0.92
                                    c0.779,0,1.518-0.297,2.079-0.837C56.255,54.982,56.293,53.08,55.146,51.887z M23.984,6c9.374,0,17,7.626,17,17s-7.626,17-17,17
                                    s-17-7.626-17-17S14.61,6,23.984,6z"></path>
                                </svg>
                        </a>
                    </div>
                </div>
                <div class="header-controls">
                    <div class="setting-wrapper header-links">
                        <a href="javascript:void(0);" class="setting-info">
                                <span class="header-icon">
                                    <svg version="1.1" xmlns="http://www.w3.org/2000/svg"
                                         xmlns:xlink="http://www.w3.org/1999/xlink" viewbox="0 0 16 16">
                                        <path d="M7 0h2v3h-2v-3z"></path>
                                        <path d="M6 4v3h1v9h2v-9h1v-3z"></path>
                                        <path d="M2 0h2v8h-2v-8z"></path>
                                        <path d="M1 9v3h1v4h2v-4h1v-3z"></path>
                                        <path d="M12 0h2v10h-2v-10z"></path>
                                        <path d="M11 11v3h1v2h2v-2h1v-3z"></path>
                                    </svg>
                                </span>
                        </a>
                    </div>
                    <div class="user-info-wrapper header-links">
                        <a href="javascript:void(0);" class="user-info">
                            <img src="static/picture/user.jpg" alt="" class="user-img">
                            <div class="blink-animation">
                                <span class="blink-circle"></span>
                                <span class="main-circle"></span>
                            </div>
                        </a>
                        <div class="user-info-box">
                            <div class="drop-down-header">
                                <h4 id="profile-name">John Brown</h4>
                                <p>网管</p>
                            </div>
                            <ul>
                                <li>
                                    <a >
                                        <i class="far fa-edit"></i> Edit Profile
                                    </a>
                                </li>
                                <li>
                                    <a >
                                        <i class="fas fa-cog"></i> Settings
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:logout()">
                                        <i class="fas fa-sign-out-alt"></i> logout
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Sidebar Start -->
    <aside class="sidebar-wrapper">
        <div class="side-menu-wrap">
            <ul class="main-menu">

                <li>
                    <a href="javascript:void(0);" >
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"
                                     stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                     stroke-linejoin="round" class="feather feather-tablet"><rect x="4" y="2" width="16"
                                                                                                  height="20" rx="2"
                                                                                                  ry="2"></rect><line
                                        x1="12" y1="18" x2="12.01" y2="18"></line></svg>
                            </span>
                        <span class="menu-text">
                                我的作业
                        </span>
                    </a>
                    <ul class="sub-menu">
                        <li>
                            <a href="assignment.html">
                                    <span class="icon-dash">
                                    </span>
                                <span class="menu-text">
                                        全部作业
                                    </span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="">
                            <span class="icon-menu feather-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" fill="none"
                                     stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                     stroke-linejoin="round" class="feather feather-tablet"><rect x="4" y="2" width="16"
                                                                                                  height="20" rx="2"
                                                                                                  ry="2"></rect><line
                                        x1="12" y1="18" x2="12.01" y2="18"></line></svg>
                            </span>
                        <span class="menu-text">
                                作业完成情况
                        </span>
                    </a>
                    <ul class="sub-menu">
                        <li>
                            <a href="assignment-class-1.html">
                                    <span class="icon-dash">
                                    </span>
                                <span class="menu-text">
                                        210461班
                                    </span>

                            </a>
                        </li>
                        <li>
                            <a href="">
                                 <span class="icon-dash">
                                    </span>
                                <span class="menu-text">
                                        210462班
                                    </span>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </aside>
    <!-- Container Start -->
    <div class="page-wrapper">
        <div class="main-content">
            <!-- Page Title Start -->
            <div class="row">
                <div class="colxl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="page-title-wrapper">
                        <div class="page-title-box">
                            <h2 id="cno" class="page-title bold">210462</h2>
                        </div>
                        <div class="btn-group dropdown-action">
                            <button id="course-button" type="button" class="btn btn-primary squer-btn dropdown-toggle" data-toggle="dropdown">课程作业</button>
                            <div id="course-list" class="dropdown-menu">
                                <a id="course-select" class="dropdown-item" href="javascript:;"> 课程作业</a>
                            </div>
                        </div>
                        <div></div>
                        <div class="btn-group dropdown-action">
                            <button id="finish-button" type="button" class="btn btn-primary squer-btn dropdown-toggle" data-toggle="dropdown">全部</button>
                            <div class="dropdown-menu">
                                <a  class="dropdown-item" href="javascript:changeFinish('全部');"> 全部</a>
                                <a  class="dropdown-item" href="javascript:changeFinish('已完成');"> 已完成</a>
                                <a class="dropdown-item" href="javascript:changeFinish('未完成');">未完成</a>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Table Start -->
            <div class="row">
                <!-- Styled Table Card-->
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="card table-card">
                        <div  class="card-header pb-0">
                            <h4 id="course-show">全部作业</h4>
                            <p class="card-desc"><code> 作业提交情况</code></p>
                        </div>
                        <div class="card-body">
                            <div class="chart-holder">
                                <div class="table-responsive">
                                    <table class="table table-styled mb-0">
                                        <thead>
                                        <tr>
                                            <th>学号</th>
                                            <th>姓名</th>
                                            <th>完成状态</th>
                                            <th>操作</th>
                                        </tr>
                                        </thead>
                                        <tbody id="UFA_tb">
                                        <tr id="UFA_tr" >
                                            <td></td>

                                            <td></td>
                                            <td>
                                                <label class="mb-0 badge badge-primary toltiped"></label>
                                            </td>
                                            <td class="relative ">
                                                <a class="action-btn " href="javascript:to_up0load(1) ; ">
                                                    <svg class="default-size " viewbox="0 0 341.333 341.333 ">
                                                        <g>
                                                            <g>
                                                                <g>
                                                                    <path d="M170.667,85.333c23.573,0,42.667-19.093,42.667-42.667C213.333,19.093,194.24,0,170.667,0S128,19.093,128,42.667 C128,66.24,147.093,85.333,170.667,85.333z "></path>
                                                                    <path d="M170.667,128C147.093,128,128,147.093,128,170.667s19.093,42.667,42.667,42.667s42.667-19.093,42.667-42.667 S194.24,128,170.667,128z "></path>
                                                                    <path d="M170.667,256C147.093,256,128,275.093,128,298.667c0,23.573,19.093,42.667,42.667,42.667s42.667-19.093,42.667-42.667 C213.333,275.093,194.24,256,170.667,256z "></path>
                                                                </g>
                                                            </g>
                                                        </g>
                                                    </svg>
                                                </a>
                                                <div class="action-option ">


                                                    <a href="javascript:to_up0load()"><i
                                                            class="far fa-trash-alt mr-2 "></i>查看</a>


                                                </div>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--                <div class="row">-->
            <!--                    &lt;!&ndash; Advance Table Card&ndash;&gt;-->
            <!--                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">-->
            <!--                        <div class="card table-card">-->
            <!--                            <div class="card-header pb-0">-->
            <!--                                <h4>Advance Table</h4>-->
            <!--                                <p class="card-desc"> Add class <code>.table.advance-table</code></p>-->
            <!--                            </div>-->
            <!--                            <div class="card-body">-->
            <!--                                <div class="chart-holder">-->
            <!--                                    <div class="table-responsive">-->
            <!--                                        <table class="table advance-table mb-0">-->
            <!--                                            <thead>-->
            <!--                                                <tr>-->
            <!--                                                    <th>#</th>-->
            <!--                                                    <th>Top Products</th>-->
            <!--                                                    <th>Vendors</th>-->
            <!--                                                    <th>Quantity</th>-->
            <!--                                                    <th>Sold </th>-->
            <!--                                                    <th>Stock</th>-->
            <!--                                                </tr>-->
            <!--                                            </thead>-->
            <!--                                            <tbody>-->
            <!--                                                <tr>-->
            <!--                                                    <td>-->
            <!--                                                        1-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        <span class="img-thumb">-->
            <!--                                                            <img class="squer-img" src="static/picture/pro1.jpg" alt="">-->
            <!--                                                            <span class="ml-2">New Balance Arishi Sport</span>-->
            <!--                                                        </span>-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        <span class="img-thumb mr-1 mb-1"><img src="static/picture/1.jpg" alt=""></span>-->
            <!--                                                        <span class="img-thumb mr-1 mb-1"><img src="static/picture/2.jpg" alt=""></span>-->
            <!--                                                        <span class="img-thumb"><img src="static/picture/3.jpg" alt=""></span>-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        25-->
            <!--                                                        <label class="mb-0 badge icon-badge badge-danger toltiped ml-2" data-original-title="Insufficient Stock "><i class="fas fa-long-arrow-alt-down "></i></label>-->
            <!--                                                    </td>-->
            <!--                                                    <td>469</td>-->
            <!--                                                    <td>-->
            <!--                                                        <label class="mb-0 badge badge-danger toltiped " title="Out Of Stock">Out Of Stock</label>-->
            <!--                                                    </td>-->
            <!--                                                </tr>-->
            <!--                                                <tr>-->
            <!--                                                    <td>-->
            <!--                                                        2-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        <span class="img-thumb ">-->
            <!--                                                            <img class="squer-img " src="static/picture/pro1.jpg" alt=" ">-->
            <!--                                                            <span class="ml-2 ">New Balance Arishi Sport</span>-->
            <!--                                                        </span>-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        <span class="img-thumb mr-1 mb-1 "><img src="static/picture/1.jpg" alt=" "></span>-->
            <!--                                                        <span class="img-thumb mr-1 mb-1 "><img src="static/picture/4.jpg" alt=" "></span>-->
            <!--                                                        <span class="img-thumb "><img src="static/picture/3.jpg" alt=" "></span>-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        25-->
            <!--                                                        <label class="mb-0 badge icon-badge badge-danger toltiped ml-2 " data-original-title="Insufficient Stock "><i class="fas fa-long-arrow-alt-down "></i></label>-->
            <!--                                                    </td>-->
            <!--                                                    <td>469</td>-->
            <!--                                                    <td>-->
            <!--                                                        <label class="mb-0 badge badge-danger toltiped " title="Out Of Stock ">Out Of Stock</label>-->
            <!--                                                    </td>-->
            <!--                                                </tr>-->
            <!--                                                <tr>-->
            <!--                                                    <td>-->
            <!--                                                        3-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        <span class="img-thumb ">-->
            <!--                                                            <img class="squer-img " src="static/picture/pro2.jpg" alt=" ">-->
            <!--                                                            <span class="ml-2 ">New Balance Arishi Sport</span>-->
            <!--                                                        </span>-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        <span class="img-thumb mr-1 mb-1 "><img src="static/picture/2.jpg" alt=" "></span>-->
            <!--                                                        <span class="img-thumb "><img src="static/picture/3.jpg" alt=" "></span>-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        25-->
            <!--                                                        <label class="mb-0 badge icon-badge badge-success toltiped ml-2" data-original-title="Sufficient Stock "><i class="fas fa-long-arrow-alt-up "></i></label>-->
            <!--                                                    </td>-->
            <!--                                                    <td>469</td>-->
            <!--                                                    <td>-->
            <!--                                                        <label class="mb-0 badge badge-success toltiped " title="Available ">Available</label>-->
            <!--                                                    </td>-->
            <!--                                                </tr>-->
            <!--                                                <tr>-->
            <!--                                                    <td>4</td>-->
            <!--                                                    <td>-->
            <!--                                                        <span class="img-thumb ">-->
            <!--                                                            <img class="squer-img " src="static/picture/pro1.jpg" alt=" ">-->
            <!--                                                            <span class="ml-2 ">New Balance Arishi Sport</span>-->
            <!--                                                        </span>-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        <span class="img-thumb mr-1 mb-1 "><img src="static/picture/1.jpg" alt=" "></span>-->
            <!--                                                        <span class="img-thumb mr-1 mb-1 "><img src="static/picture/2.jpg" alt=" "></span>-->
            <!--                                                        <span class="img-thumb mr-1 mb-1 "><img src="static/picture/4.jpg" alt=" "></span>-->
            <!--                                                        <span class="img-thumb "><img src="static/picture/3.jpg" alt=" "></span>-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        25-->
            <!--                                                        <label class="mb-0 badge icon-badge badge-danger toltiped ml-2" data-original-title="Insufficient Stock "><i class="fas fa-long-arrow-alt-down "></i></label>-->
            <!--                                                    </td>-->
            <!--                                                    <td>469</td>-->
            <!--                                                    <td>-->
            <!--                                                        <label class="mb-0 badge badge-danger toltiped " title="Out Of Stock ">Out Of Stock</label>-->
            <!--                                                    </td>-->
            <!--                                                </tr>-->
            <!--                                                <tr>-->
            <!--                                                    <td>5</td>-->
            <!--                                                    <td>-->
            <!--                                                        <span class="img-thumb ">-->
            <!--                                                            <img class="squer-img " src="static/picture/pro2.jpg" alt=" ">-->
            <!--                                                            <span class="ml-2 ">New Balance Arishi Sport</span>-->
            <!--                                                        </span>-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        <span class="img-thumb mr-1 mb-1 "><img src="static/picture/1.jpg" alt=" "></span>-->
            <!--                                                        <span class="img-thumb "><img src="static/picture/2.jpg" alt=" "></span>-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        25-->
            <!--                                                        <label class="mb-0 badge icon-badge badge-success toltiped ml-2 " data-original-title="Sufficient Stock "><i class="fas fa-long-arrow-alt-up "></i></label>-->
            <!--                                                    </td>-->
            <!--                                                    <td>469</td>-->
            <!--                                                    <td>-->
            <!--                                                        <label class="mb-0 badge badge-success toltiped " title="Available ">Available</label>-->
            <!--                                                    </td>-->
            <!--                                                </tr>-->
            <!--                                                <tr>-->
            <!--                                                    <td>6</td>-->
            <!--                                                    <td>-->
            <!--                                                        <span class="img-thumb ">-->
            <!--                                                            <img class="squer-img " src="static/picture/pro2.jpg" alt=" ">-->
            <!--                                                            <span class="ml-2 ">New Balance Arishi Sport</span>-->
            <!--                                                        </span>-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        <span class="img-thumb mr-1 mb-1 "><img src="static/picture/2.jpg" alt=" "></span>-->
            <!--                                                        <span class="img-thumb "><img src="static/picture/4.jpg" alt=" "></span>-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        22-->
            <!--                                                        <label class="mb-0 badge icon-badge badge-success toltiped ml-2 " data-original-title="Sufficient Stock "><i class="fas fa-long-arrow-alt-up "></i></label>-->
            <!--                                                    </td>-->
            <!--                                                    <td>469</td>-->
            <!--                                                    <td>-->
            <!--                                                        <label class="mb-0 badge badge-success toltiped " title="Available ">Available</label>-->
            <!--                                                    </td>-->
            <!--                                                </tr>-->
            <!--                                            </tbody>-->
            <!--                                        </table>-->
            <!--                                    </div>-->
            <!--                                </div>-->
            <!--                            </div>-->
            <!--                            <div class="card-footer text-right pt-0">-->
            <!--                                <nav class="d-inline-block ">-->
            <!--                                    <ul class="pagination mb-0 ">-->
            <!--                                      <li class="page-item disabled ">-->
            <!--                                        <a class="page-link" href="javascript:void(0);" tabindex="-1"><i class="fas fa-chevron-left"></i></a>-->
            <!--                                      </li>-->
            <!--                                      <li class="page-item active "><a class="page-link " href="javascript:void(0); ">1</a></li>-->
            <!--                                      <li class="page-item ">-->
            <!--                                        <a class="page-link " href="javascript:void(0); ">2</a>-->
            <!--                                      </li>-->
            <!--                                      <li class="page-item "><a class="page-link " href="javascript:void(0); ">3</a></li>-->
            <!--                                      <li class="page-item ">-->
            <!--                                        <a class="page-link " href="javascript:void(0); "><i class="fas fa-chevron-right "></i></a>-->
            <!--                                      </li>-->
            <!--                                    </ul>-->
            <!--                                  </nav>-->
            <!--                            </div>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                </div>-->

            <!--                <div class="row ">-->
            <!--                    &lt;!&ndash; Dragable Table Card&ndash;&gt;-->
            <!--                    <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12 ">-->
            <!--                        <div class="card table-card ">-->
            <!--                            <div class="card-header pb-0 ">-->
            <!--                                <h4>Dragable Table</h4>-->
            <!--                                <p class="card-desc "> Add class <code>dragable-container</code></p>-->
            <!--                            </div>-->
            <!--                            <div class="card-body ">-->
            <!--                                <div class="chart-holder ">-->
            <!--                                    <div class="table-responsive ">-->
            <!--                                        <table class="table advance-table mb-0 vertically-middle ">-->
            <!--                                            <thead>-->
            <!--                                                <tr>-->
            <!--                                                    <th><i class="fas fa-th "></i></th>-->
            <!--                                                    <th>Top Products</th>-->
            <!--                                                    <th>Vendors</th>-->
            <!--                                                    <th>Quantity</th>-->
            <!--                                                    <th>Sold </th>-->
            <!--                                                </tr>-->
            <!--                                                </thead>-->
            <!--                                                <tbody class="dragable-container ">-->
            <!--                                                    <tr>-->
            <!--                                                        <td>-->
            <!--                                                            <div class="sort-handler ui-sortable-handle ">-->
            <!--                                                                <i class="fas fa-th "></i>-->
            <!--                                                            </div>-->
            <!--                                                        </td>-->
            <!--                                                        <td>-->
            <!--                                                            <span class="img-thumb ">-->
            <!--                                                            <img class="squer-img " src="static/picture/pro1.jpg" alt=" ">-->
            <!--                                                            <span class="ml-2 ">Balance Arishi Sport</span>-->
            <!--                                                            </span>-->
            <!--                                                        </td>-->
            <!--                                                        <td>-->
            <!--                                                            <span class="img-thumb mr-1 mb-1 "><img src="static/picture/1.jpg" alt=" "></span>-->
            <!--                                                            <span class="img-thumb "><img src="static/picture/3.jpg" alt=" "></span>-->
            <!--                                                        </td>-->
            <!--                                                        <td>469</td>-->
            <!--                                                        <td>-->
            <!--                                                            <label class="mb-0 badge badge-danger toltiped ">Todo</label>-->
            <!--                                                    </td>-->
            <!--                                                </tr>-->
            <!--                                                <tr>-->
            <!--                                                    <td>-->
            <!--                                                        <div class="sort-handler ui-sortable-handle ">-->
            <!--                                                            <i class="fas fa-th "></i>-->
            <!--                                                        </div>-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        <span class="img-thumb ">-->
            <!--                                                            <img class="squer-img " src="static/picture/pro3.jpg" alt=" ">-->
            <!--                                                            <span class="ml-2 ">New Balance Arishi Sport</span>-->
            <!--                                                        </span>-->
            <!--                                                    </td>-->
            <!--                                                    <td>-->
            <!--                                                        <span class="img-thumb mr-1 mb-1 "><img src="static/picture/2.jpg" alt=" "></span>-->
            <!--                                                        <span class="img-thumb "><img src="static/picture/3.jpg" alt=" "></span>-->
            <!--                                                    </td>-->
            <!--                                                    <td>469</td>-->
            <!--                                                    <td>-->
            <!--                                                        <label class="mb-0 badge badge-danger toltiped ">Todo</label>-->
            <!--                                                        </td>-->
            <!--                                                    </tr>-->
            <!--                                                    <tr>-->
            <!--                                                        <td>-->
            <!--                                                            <div class="sort-handler ui-sortable-handle ">-->
            <!--                                                                <i class="fas fa-th "></i>-->
            <!--                                                            </div>-->
            <!--                                                        </td>-->
            <!--                                                        <td>-->
            <!--                                                            <span class="img-thumb ">-->
            <!--                                                            <img class="squer-img " src="static/picture/pro2.jpg" alt=" ">-->
            <!--                                                            <span class="ml-2 ">Arishi Balance Arishi Sport</span>-->
            <!--                                                            </span>-->
            <!--                                                        </td>-->
            <!--                                                        <td>-->
            <!--                                                            <span class="img-thumb mr-1 mb-1 "><img src="static/picture/1.jpg" alt=" "></span>-->
            <!--                                                        </td>-->
            <!--                                                        <td>469</td>-->
            <!--                                                        <td>-->
            <!--                                                            <label class="mb-0 badge badge-danger toltiped">Todo</label>-->
            <!--                                                    </td>-->
            <!--                                                </tr>-->
            <!--                                            </tbody>-->
            <!--                                        </table>-->
            <!--                                    </div>-->
            <!--                                </div>-->
            <!--                            </div>-->
            <!--                        </div>-->
            <!--                    </div>-->
            <!--                </div>-->
            <div class="ad-footer-btm">
                <p>Copyright &copy; 2021.Company name All rights reserved.<a target="_blank"
                                                                             href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
                </p>
            </div>
        </div>
    </div>
</div>

<!-- Slide Setting Box -->
<div class="slide-setting-box">
    <div class="slide-setting-holder">
        <div class="setting-box-head">
            <h4>General Settings</h4>
            <a href="javascript:void(0);" class="close-btn">Close</a>
        </div>
        <div class="setting-box-body">
            <div class="p-4">
                <div class="switch-settings">
                    <div class="d-flex mb-3">
                        <span class="mr-auto fs-15">Notifications</span>
                        <div class="checkbox checkbox-toggle">
                            <input id="checkbox55" type="checkbox">
                            <label for="checkbox55"></label>
                        </div>
                    </div>
                    <div class="d-flex mb-3">
                        <span class="mr-auto fs-15">Show your emails</span>
                        <div class="checkbox checkbox-toggle">
                            <input id="checkbox56" type="checkbox">
                            <label for="checkbox56"></label>
                        </div>
                    </div>
                    <div class="d-flex mb-3">
                        <span class="mr-auto fs-15">Show Task statistics</span>
                        <div class="checkbox checkbox-toggle">
                            <input id="checkbox57" type="checkbox">
                            <label for="checkbox57"></label>
                        </div>
                    </div>
                    <div class="d-flex mb-3">
                        <span class="mr-auto fs-15">Show recent activity</span>
                        <div class="checkbox checkbox-toggle">
                            <input id="checkbox58" type="checkbox">
                            <label for="checkbox58"></label>
                        </div>
                    </div>
                    <div class="d-flex mb-3">
                        <span class="mr-auto fs-15">System Logs</span>
                        <div class="checkbox checkbox-toggle">
                            <input id="checkbox59" type="checkbox">
                            <label for="checkbox59"></label>
                        </div>
                    </div>
                    <div class="d-flex mb-3">
                        <span class="mr-auto fs-15">Error Reporting</span>
                        <div class="checkbox checkbox-toggle">
                            <input id="checkbox60" type="checkbox">
                            <label for="checkbox60"></label>
                        </div>
                    </div>
                    <div class="d-flex mb-3">
                        <span class="mr-auto fs-15">Show your status to all</span>
                        <div class="checkbox checkbox-toggle">
                            <input id="checkbox61" type="checkbox">
                            <label for="checkbox61"></label>
                        </div>
                    </div>
                    <div class="d-flex">
                        <span class="mr-auto fs-15">Keep up to date</span>
                        <div class="checkbox checkbox-toggle">
                            <input id="checkbox62" type="checkbox">
                            <label for="checkbox62"></label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="p-3 border-top border-bottom">
            <h5 class="border-bottom-0 mb-0">Overview</h5>
        </div>
        <div class="p-4">
            <div class="progress-wrapper">
                <div class="mb-3">
                    <p class="mb-2">Achieves<span class="float-right text-muted font-weight-normal">95%</span></p>
                    <div class="progress h-1">
                        <div class="progress-bar bg-primary col-3" role="progressbar" aria-valuenow="25"
                             aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </div>
            <div class="progress-wrapper pt-2">
                <div class="mb-3">
                    <p class="mb-2">Projects<span class="float-right text-muted font-weight-normal">65%</span></p>
                    <div class="progress">
                        <div class="progress-bar bg-secondary col-3" role="progressbar" aria-valuenow="25"
                             aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </div>
            <div class="progress-wrapper pt-2">
                <div class="mb-3">
                    <p class="mb-2">Earnings<span class="float-right text-muted font-weight-normal">55%</span></p>
                    <div class="progress">
                        <div class="progress-bar bg-success col-8" role="progressbar" aria-valuenow="25"
                             aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </div>
            <div class="progress-wrapper pt-2">
                <div class="mb-3">
                    <p class="mb-2">Balance<span class="float-right text-muted font-weight-normal">50%</span></p>
                    <div class="progress h-1">
                        <div class="progress-bar bg-warning w-50 " role="progressbar"></div>
                    </div>
                </div>
            </div>
            <div class="progress-wrapper pt-2">
                <div class="mb-3">
                    <p class="mb-2">Total Profits<span class="float-right text-muted font-weight-normal">80%</span></p>
                    <div class="progress">
                        <div class="progress-bar bg-info col-6" role="progressbar" aria-valuenow="25" aria-valuemin="0"
                             aria-valuemax="100"></div>
                    </div>
                </div>
            </div>
            <div class="progress-wrapper pt-2">
                <div class="mb-3">
                    <p class="mb-2">Total Likes<span class="float-right text-muted font-weight-normal">75%</span></p>
                    <div class="progress h-1">
                        <div class="progress-bar bg-teal w-75" role="progressbar"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Color Setting -->
<div id="style-switcher">
    <div>
        <ul class="colors">
            <li>
                <p class='colorchange' id='color'>
                </p>
            </li>
            <li>
                <p class='colorchange' id='color2'>
                </p>
            </li>
            <li>
                <p class='colorchange' id='color3'>
                </p>
            </li>
            <li>
                <p class='colorchange' id='color4'>
                </p>
            </li>
            <li>
                <p class='colorchange' id='color5'>
                </p>
            </li>
            <li>
                <p class='colorchange' id='style'>
                </p>
            </li>
        </ul>
    </div>
    <div class="bottom">
        <a href="" class="settings">
            <i class="fa fa-cog" aria-hidden="true"></i>
        </a>
    </div>
</div>
<!-- Color Setting -->

<!-- Script Start -->
<script src="static/js/jquery.min.js"></script>
<script src="static/js/popper.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>
<script src="static/js/custom.js"></script>
</body>

</html>